.input--label{
  position: relative;
  height: calc(9 * var(--space));
  display: flex;
  align-items: center;
  transition: border .2s ease;
  border-radius: var(--radius);
  border: 1px solid var(--accents-2);
}
.input--focus{
  border: 1px solid var(--accents-5);
}
.input--icon{
  color: var(--accents-4);
  display: inline-flex;
  padding: 0 0.5rem;
  transition: color .2s ease;
}
.input--focus .input--icon{
  color: var(--foreground);
}
.input--inner{
  width: 100%;
  font-size: .875rem;
  border: none;
  outline: 0;
  padding: 0 1rem 0 0;
  background: transparent;
  color: var(--foreground);
  -moz-appearance: none;
  -webkit-appearance: none;
}